<!--实名制概况-->
<template>
    <view id="realname_about">
      <view class="realname-box">
        <view class="topHead">
          <view class="topCon">
            <text class="title">项目名称</text>
            <h3 class="name">{{datalist.projectName?datalist.projectName:site_nodata}}</h3>
            <view class="names">
              <view class="nameitemcon">
                <view class="item c1"><text class="itemname">许可证</text><text class="des">{{datalist.constructionLicenseNumber?datalist.constructionLicenseNumber:site_nodata}}</text></view>
                <view class="item c2"><text class="itemname">合同造价</text><text class="des">{{datalist.contractCost?datalist.contractCost:site_nodata}}</text></view>
                <view class="item c3"><text class="itemname">建筑面积</text><text class="des">{{datalist.area?datalist.area:site_nodata}}</text></view>
                <view class="item c1"><text class="itemname">项目进度</text><text class="des green">{{datalist.projectSchedule?datalist.projectSchedule:site_nodata}}</text></view>
                <view class="item c2"><text class="itemname">负责人</text><text class="des">{{datalist.chargePerson?datalist.chargePerson:site_nodata}}</text></view>
                <view class="item c3"><text class="itemname">负责人电话</text><text class="des">{{datalist.chargePersonPhone?datalist.chargePersonPhone:site_nodata}}</text></view>
                <view class="item c8"><text class="itemname">项目工期</text><text class="des">{{datalist.projectLastTime?datalist.projectLastTime:site_nodata}}</text></view>
                <view class="item c8"><text class="itemname">项目地址</text><text class="des">{{datalist.address?datalist.address:site_nodata}}</text></view>
              </view>
            </view>
          </view>
        </view>
        <view class="aboutCon">
            <view class="aboutlist">
              <view class="item">
                <view class="companyN">
                  <i class="icon icongd iconfont"></i>
                  <view class="timo"><text class="name">施工单位</text><text class="des ellipsis1">{{datalist.constructCompany?datalist.constructCompany:site_nodata}}</text></view>
                </view>
                <view class="otm">
                  <view class="itemli">
                   <text class="name">负责人</text><text class="des">{{datalist.constructLinkman?datalist.constructLinkman:site_nodata}}</text>
                  </view>
                  <view class="itemli">
                    <text class="name">联系电话</text><text class="des">{{datalist.constructPhone?datalist.constructPhone:site_nodata}}</text>
                  </view>
                </view>
              </view>
              <view class="item">
                <view class="companyN">
                 <i class="icon  iconjl iconfont"></i>
                  <view class="timo"><text class="name">监理单位</text><text class="des ellipsis1">{{datalist.superviseCompany?datalist.superviseCompany:site_nodata}}</text></view>
                </view>
                <view class="otm">
                  <view class="itemli">
                    <text class="name">负责人</text><text class="des">{{datalist.superviseLinkman?datalist.superviseLinkman:site_nodata}}</text>
                  </view>
                  <view class="itemli">
                    <text class="name">联系电话</text><text class="des">{{datalist.supervisePhone?datalist.supervisePhone:site_nodata}}</text>
                  </view>
                </view>
              </view>
              <view class="item">
                <view class="companyN">
                 <i class="icon  iconjs iconfont"></i>
                  <view class="timo"><text class="name">建设单位</text><text class="des ellipsis1">{{datalist.buildCompany?datalist.buildCompany:site_nodata}}</text></view>
                </view>
                <view class="otm">
                  <view class="itemli">
                   <text class="name">负责人</text><text class="des">{{datalist.buildLinkman?datalist.buildLinkman:site_nodata}}</text>
                  </view>
                  <view class="itemli">
                   <text class="name">联系电话</text><text class="des">{{datalist.buildPhone?datalist.buildPhone:site_nodata}}</text>
                  </view>
                </view>
              </view>
              <view class="item">
                <view class="companyN">
                 <i class="icon  iconsj iconfont"></i>
                  <view class="timo"><text class="name">设计单位</text><text class="des ellipsis1">{{datalist.designCompany?datalist.designCompany:site_nodata}}</text></view>
                </view>
                <view class="otm">
                  <view class="itemli">
                   <text class="name">负责人</text><text class="des">{{datalist.designLinkman?datalist.designLinkman:site_nodata}}</text>
                  </view>
                  <view class="itemli">
                   <text class="name">联系电话</text><text class="des">{{datalist.designPhone?datalist.designPhone:site_nodata}}</text>
                  </view>
                </view>
              </view>
              <view class="item">
                <view class="companyN">
                  <i class="icon  iconjc iconfont"></i>
                  <view class="timo"><text class="name">勘察单位</text><text class="des ellipsis1">{{datalist.surveyCompany?datalist.surveyCompany:site_nodata}}</text></view>
                </view>
                <view class="otm">
                  <view class="itemli">
                   <text class="name">负责人</text><text class="des">{{datalist.surveyLinkman?datalist.surveyLinkman:site_nodata}}</text>
                  </view>
                  <view class="itemli">
                   <text class="name">联系电话</text><text class="des">{{datalist.surveyPhone?datalist.surveyPhone:site_nodata}}</text>
                  </view>
                </view>
              </view>
            </view>
          </view>
      </view>
      </view>
</template>

<script>
export default {
    data () {
    return {
        datalist: '',
        site_nodata: '暂无数据',
        projectData: wx.getStorageSync("projectData"),
    }
    },
    computed: {
    },
    onLoad (option) {
      this.$axios({
        url : 'Api/Project/getProjectDetail',
        data : {
          appID : this.projectData.app_id,
          appToken : this.projectData.token,
          projectId : this.projectData.project_id,
        },
        type : 'smart'
      }).then(res => {
        if(res.data.status == 200000) {
          this.datalist = res.data.data.list
        } else {
            uni.showToast({
              title: res.data.message,
              icon: 'none',
              mask: true,
              duration: 2000
            })
        }
      }, (error) => {
        console.log(error)
      })
    }
}
</script>

<style lang="scss">
  #realname_about{padding:1rem 1rem 2rem;min-height:100%;background-color: #fafafa;position: relative;&:before{content:'';position: absolute;top:0;width:100%;background:#3271ef;height: 7rem;left:0;/*border-bottom-left-radius: 0.3rem;border-bottom-right-radius: 0.3rem;*/}
    .green{color:#1abb69;}
    .realname-box{position: relative;
      .topHead{background-image: url("../../static/1.jpg");background-repeat: no-repeat;background-position: left bottom;background-color: #fff;background-size: cover;border-radius: 0.3rem;overflow: hidden;box-shadow: 0 0 25px rgba(0,0,0,0.1);
        .topCon{padding: 0.9rem 0.7rem;
          .title{color:#878787;letter-spacing: 2px;display: block;text-align: left;font-size:0.75rem;}
          .name{font-size:0.8rem;font-weight: 700;text-align: left;display: block;padding-top:0.2rem;letter-spacing: 2px;}
          .names{position: relative;overflow: hidden;
            .nameitemcon{display: flex;flex-wrap: wrap;padding-top:0rem;
              .item{width:33.333%;text-align: left;font-size:0.65rem;padding-top:0.8rem;position: relative;
                &.c1{width:41%!important;}
                &.c2{width:27%!important;}
                &.c3{width:32%!important;}
                .itemname{position: relative;color:#878787;padding:0.3rem 0;display: inline-block;text-align: left;flex-shrink: 0;}
                .des{font-size:0.7rem;line-height:0.7rem;padding-top:0rem;font-weight: 700;text-align: left;display: block;}
              }
            }
            .c8{width:100%!important;
              .des{display: block;}
            }
          }
        }
      }
      .aboutCon{padding-top:1.5rem;
        .aboutlist{
          .item{border-radius: 0.3rem;overflow: hidden;box-shadow: 0 0 25px rgba(0,0,0,0.05);background-color: #fff;padding:0.5rem 0.5rem;display: flex;align-items: center;flex-direction: column;
            .cborder{flex-shrink:0;border:1px solid #aaaaaa;display: flex;justify-content: center;align-items: center;
                  i.icon{color:#228de7;font-size:0.8rem;} 
              }
            .companyN{display: flex;width:100%;align-items: flex-end;
                .icon{font-size:1.5rem;color:#56a6ff; margin-bottom:0.3rem;}            
                .timo{padding-left:0.5rem;
                  .name{letter-spacing: 2px;color:#878787;}
                  .des{font-size:0.8rem;letter-spacing: 1px;display: block;font-weight: 700;}
                }
            }
            .otm{width:100%;display: flex;padding-top:0.5rem;
              .itemli{&:first-child{width:40%;}&:nth-child(2){width:60%}display: flex;align-items: center;overflow: hidden;
                .des{padding-left:0.3rem;}
              }
            }
          }
          view.item+view.item{margin-top:1rem;}
        }
      }
    }
  }
</style>
